#navbar-iframe {
	display: none !important;
}
* {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
background: #222 ;
font: 13px/18px Arimo,Arial, Helvetica, Sans-serif;
color: #666;
line-height: 22px;
position: relative;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #A7A7A7;
line-height: 1.3;
font-weight: 700;
}
.PopularPosts .item-snippet{margin-left:115px;}
.PopularPosts .item-title{
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #A7A7A7;
line-height: 1.3;
font-weight: 700;}
a {
	color: #FFC600;
	text-decoration: none;
	-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
a:hover {
	text-decoration:none;

}
a img {
	border-width: 0;
}
input, select, textarea {
	border: #ddd 1px solid;
	font-size: 12px;
	padding: 5px;
}
select {
	padding: 0;
}
li {
	list-style: none;
}
#page {
width: 1170px;
background: #fff;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.9);
-moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.9);
-o-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.9);
margin: 0 auto;
overflow: hidden;
}


#top {
 	background: #303235;
height: 38px;
padding: 0px 20px 0px 20px;
 margin: 0 auto;
  	z-index: 99;
}

#wrapper-container {
	width: 1120px;
	margin: 0 auto;
	overflow: hidden;
}
#col1 {
width: 770px;
float: left;
}
#col2 {
float: right;
width: 340px;
 padding-left: 10px;
}
.subcol {
	width: 150px;
}
.subcol h2 {
	font-size: 14px;
	padding: 0 0 10px;
	color: #999999;
}


#header {

}
#headerlogo {
	float: left;
	display: inline;
	line-height: 100px;
	font-size: 24px;
	width: 230px;
 	overflow: hidden;
	height: 110px;
margin-bottom: 15px;
overflow: hidden;
}
#headerlogo img {width: 100%;
margin-top: 30px;
height: 60px;}
#header h1 {
	float: left;
	display: inline;
	line-height: 100px;
	font-size: 21px;
}
#header h1 a {
	display: block;
	height: 93px;
	width: 389px;
	color: #000;
	font-size: 28px;
}
#topbanner {
	float: right;
	width: 730px;
}
#topbanner img {
	float: right;
}
#topbanner h2 {
	display: none;
}
.headerbanner{margin-top:20px;}

#submenu{
background: #333;
 height: 52px;
margin-bottom:20px;
}


#rss a {
	color: #666;
}
#rss h2 {
	padding: 10px;
	font-size: 14px;
	margin-bottom: 10px;
}
#rss ul {
	margin: 0;
	padding: 10px;
	float: left;
}
#rss li {
	margin: 0;
	border: none !important;
	padding: 5px;
}
#rss img {
	float: right;
	padding-left: 10px;
	margin-top: 5px;
}
#header-inner {
	background-position: center;
	margin-left: auto;
	margin-left:10px;
	margin-right:auto;
	margin-top:5px;
}
.post {
margin: 10px 0;
padding-top: 10px;
padding-bottom: 10px;
}

html[xmlns] .clearfix {
display:block;
}

.article-right {
overflow:hidden;
}

.box-left {
line-height: 22px;
margin-right: 10px;
padding-bottom: 30px;
width: 32%;
margin-bottom: 20px;
float: left;
overflow: hidden;
border-bottom: 4px solid #FFC600;
}

.article-title-area {
float:right;
width:100%;
}

h2.article-title {
color:#444;
font-size: 28px;
line-height: 1.27;
padding:0 40px 5px 0;
 }


.post h3 {
	font-size: 14px;
}
.post h3 a {
	color: #000;
}
.post h3 a.link {
         color:#3333CC;
}
.post p {
	padding: 0 0 15px;
	line-height: 15px;
}
h2.date-header {
	display: none;
}
.post-alt {
	margin: 0 0 15px;
}
.post-alt h2 {
	font-size: 22px;
	padding: 0;
	color: #000;
	line-height: 26px;
}
.post-alt h3 {
	font-size: 13px;
	padding-bottom: 5px;
	line-height: 18px;
	color: #000;
}
.post-alt h4 {
	font-size: 14px;
	padding-bottom: 5px;
	line-height: 16px;
}
.post-alt h3 a, .post-alt h2 a {
	color: #000;
}
.post-alt p {
	padding: 0 0 15px;
}
.post-alt p.post_date {
	color: #999;
	padding: 5px 0 10px;
	font-size: 11px;
	font-weight: normal;
}
p.posted {
border-top:1px solid #DFDFDF;
margin:10px 0 10px 0;
}
.author_info {
	float: left;
width: 96%;
min-height: 80px;
border: 1px solid #EBEBEB;
margin-bottom: 15px;
margin-top: 15px;
 }
.author_info h3 {
	padding: 15px;
border-bottom: 1px solid #EEE;
background: #FAFAFA;
}
.author_photo {
	float: right;
	margin: 15px; 10px 0 0px;
}
.author_photo img {
	border: 1px solid #999;
 	padding:4px;
	background:#fff;
}
.author_info p {
padding: 10px 10px 10px;
font-size: 13px!important;
}
.spicytricks-related-posts{clear:both;overflow:hidden;}
.spicytricks-related-posts h3{
margin-bottom: 10px;
padding-bottom: 10px;
 }

.comments-ink {
	padding-bottom: 0 !important;
}
.navigation {
	width: 595px;
	margin-bottom: 15px;
	float: left;
	padding: 15px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#mpu_banner {
	width: 300px;
	height: auto;
	margin-bottom: 15px;
	padding: 9px;
	border: 1px solid #E4E4E4;
	background: #eee;
}

#sidebar {
	float: left;
	margin-top: 10px;
	display: block;
	position: relative;
	width: 100%;
}
#sidebar h2 {
font-size: 16px;
line-height: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #E4E4E4;
margin-left: 75px;
clear: none;
padding-top: 0;
}
#sidebar h2 a{color:#555;}
.sidebar li {
	background: none;
	border-bottom: 1px solid #EEE;
	padding: 8px;
	padding-left: 22px;
}
#sidebartop .widget {
	margin-top: 10px;
}
#sidebartop {
	float: left;
	width: 100%;
}
#sidebarleft {
	width: 150px;
	float: left;
}
#sidebarright {
	width: 150px;
	float: right;
}
#sidebar .popularposts {padding:0;}
#sidebar .widget {
	margin-bottom: 30px;
overflow: hidden;
border: 1px solid #E1E1E1;
padding: 10px;
 }
 .widget-title {
 height:40px;
 background: #F3F3F3;
padding: 20px 20px 0;
margin: -10px -10px 0px;
border-bottom: 1px solid #E1E1E1;}
#subscribe {
 padding: 8px 5px;
 border-bottom: 1px solid #E6E6E6;
font-size: 8px;
}
.widget-subs{margin-bottom:30px;}

.subs-widget-wrapper{
padding: 15px;
background: #E5E5E5;
}
.subs-widget-title{
padding-bottom: 8px;
margin-bottom: 10px;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #F3F3F3;
}
.subs-widget-form p{padding-bottom:10px;}
.subs-widget-form{
padding-bottom:20px;border-bottom: 1px solid #F3F3F3;}

.subs_input {
background: white;
font-size: 10px;
color: #959595;
border: none;
padding: 8px 6px 8px 6px;
margin-bottom: 18px;
min-width: 182px;
}
.subs_submit{
background: #333;
border: none;
font-size: 11px;
color: white;
padding: 6.5px 12px;
margin-bottom: 18px;
margin-left: -4px;
margin-top: -2px;
cursor:pointer;
}
.subs_submit:hover{background:#FFC600;}
.subscribe_icons { width:286px; margin:0px auto; }
.subscribe_icons li { display:inline; float:left; margin:0px 2px 5px 2px; width:52px; text-align:center; font-size:11px; }
.subscribe_icons a { display:block; padding:40px 0px 2px; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; color:#444 !important; }
.subscribe_icons a:hover { color:#26b !important; text-decoration:none; -moz-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow:0px 2px 4px hsla(0,0%,0%,.35); }
.subscribe_icons .subscribe_gp a { background:url(https://lh3.googleusercontent.com/-6g8YRLzz_Js/UUm-LWVMxDI/AAAAAAAAEzo/QfD4QirZ3tQ/h120/1363805179_social_google.png) center top no-repeat; }
.subscribe_icons .subscribe_twitter a { background:url(https://lh5.googleusercontent.com/-2fxsyCH4BB0/UUm-LLID8rI/AAAAAAAAEzg/1BpKdLgKR9g/h120/1363805190_social_twitter_bird.png) center top no-repeat; }
.subscribe_icons .subscribe_facebook a { background:url(https://lh5.googleusercontent.com/-0laeRHiCcZc/UUm-KnX5wVI/AAAAAAAAEzY/rJrusv61rMQ/h120/1363805269_social_facebook.png) center top no-repeat; }
.subscribe_icons .subscribe_rss a { background:url(https://lh5.googleusercontent.com/-xeyJaLxENI0/UUm-L7AgC-I/AAAAAAAAEzw/JBq7BfZHxwM/h120/1363805169_rss_square.png) center top no-repeat; }

.article-thumbnail {
display: inline-block;
float: left;
margin-right: 15px;
}
.article-thumbnail img{
width: 300px;
height: 148px;

}
#archiveboxx {
	margin-bottom: 15px;
	padding: 10px;
	color: #000 !important;
	background: #FFFFCC;
	border: 1px solid #CCCCCC;
}
#archiveboxx h4, #archiveboxx h3, #archiveboxx h2 {
	color: #333;
}
#archiveboxx h4 em, #archiveboxx h2 em, #archiveboxx h3 em {
	font-weight: normal;
	color: #c00;
}
#archiveboxx a, #archiveboxx h2 {
	color: #2266BB;
}
.singletags {
	margin-top: 5px;
}
.singletags a {
	font-weight: normal !important;
	text-decoration: underline;
	color: #000;
}
.entry p {
	font-size: 12px;
	line-height: 18px;
}
.entry blockquote {
	padding: 10px;
	border: 1px solid #E4E4E4;
	color: #000;
	width: 85%;
	font-style: italic;
	margin: 5px auto 15px;
	background: #f7f7f7;
}
.entry blockquote p {
	font-size: 12px;
	padding: 5px 0;
	margin: 5px 0;
	line-height: 20px;
}
.entry img {max-width:100%;
}
.wp-caption img {
	margin-bottom: 15px;
}
p.wp-caption-text {
	text-align: center;
	padding: 0 0 15px;
	margin: 0;
	font-size: 1.2em;
	font-style: italic;
	color: #000;
}
.entry ul, .entry ol {
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 20px;
}
.entry ul li ul, .entry ol li ol {
	margin-bottom: 0;
	padding-top: 3px;
}
.entry ul li {
	list-style: circle inside !important;
	margin-left: 15px;
	padding: 3px 0;
}
.entry ul li ul li {
	list-style: disc inside !important;
}
.entry ol li {
	list-style: decimal inside !important;
	font-size: 12px;
	padding: 3px 0;
}
.entry ol li ol li {
	list-style: decimal-leading-zero inside !important;
}
ol.commentlist {
	margin: 10px 0 20px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 20px;
}
ol.commentlist p {
	margin-bottom: 10px;
	line-height: 20px;
}
ol.commentlist cite {
	font-style: normal;
	font-weight: bold;
}
ol.commentlist li {
	padding: 20px 10px 10px;
}
ol.commentlist li.alt {
	padding: 10px 10px 0 10px !important;
	background: #f7f7f7;
	border: 1px solid #eee;
}
#comment {
	width: 595px;
	float: left;
	margin-bottom: 15px;
}
.deleted-comment {
	font-style: italic;
	color: gray;
}
#blog-pager-newer-link {
padding-left : 20px;
border : none;
float : left;
}
#blog-pager-older-link {
float : right;
padding-right : 20px;
border : none;
}

#blog-pager {
 color:#777777;
font-weight:bold;
letter-spacing:1px;
margin:0 0 20px;
padding:0;
text-transform:uppercase;
height:32px;
}

.blog-pager a {
color : #333;
}


.feed-links {
	clear: both;
	line-height: 2.5em;
	display: none;
}
.bgfooter {
height:20px;
margin-bottom:10px;
margin-top:10px;
}
#footer {
border-top: 10px solid #FFC600;
padding: 10px 0 0 0;
background: #1F1F1F;
color: #858585;
}
#footer img {
	vertical-align: middle;
	margin-left: 5px;
}
.fleft {
float:left;
text-align:left;
font-size:11px;
}
.fright {
float:right;
text-align:right;
font-size:11px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(http://3.bp.blogspot.com/_b8IA1ajBJG8/TEEJ2UXSEcI/AAAAAAAABa0/GK3_cXf4t-k/comment_ico.png) no-repeat;
margin-top:5px;
margin-right : 2px;
}

.comment-bubble a {
color:#282828;
display:block;
font-size:18px;
padding:5px 5px 5px 0;
text-align:center;
}

.comment-bubble a:hover {
text-decoration:underline;
}
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #ECF1EF;
border-left: 3px solid #6CE26C;
}
.codeview li {
font-size : 10px;
line-height : 24px;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
#comments h4 {
color:#666666;
font-size:14px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border:1px solid #E8DEC4;
font-size:15px;
font-weight:normal;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border-color:#E8DEC4;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:0px solid #E8DEC4;
border-right:0px solid #E8DEC4;
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
border-bottom:0px solid #E8DEC4;
border-left:0px solid #E8DEC4;
border-right:0px solid #E8DEC4;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#titlebar {
color:#A6A6A6;
font-size:11px;
margin:3px 0 10px;
padding:6px 10px 4px;
text-transform:uppercase;
}
#titlebar li{
border-bottom:medium none;
border-right:1px solid #E4E4E4;
color:#A6A6A6;
display:inline;
margin:0;
padding:0 8px;
}

#titlebar a {
color:#9F9F9F;
display:inline;
padding:0;
text-shadow:1px 1px 0 #FFFFFF;
}

#titlebar a:hover {
text-decoration:underline;
}
.BlogArchive #ArchiveList ul li {
padding-left:35px;
}
#blog-pager-newer-link {
padding-left : 20px;
border : none;
float : left;
}
#blog-pager-older-link {
float : right;
padding-right : 20px;
border : none;
}
#blog-pager {
padding: 10px 15px 0px;
text-align: center;
background: white;

}
.blog-pager a {
color : #333;
}

.widget-content {
padding:10px 0 0;
 }

/* =Navigation
----------------------------------------------- */
.topnav {
	list-style: none;

}
.topnav a {
	display: block;
	position: relative;
	text-decoration: none;
	z-index: 100;
}
.topnav li {
	float: left;
	width: auto;
}
topnav li:hover {
background: #414040;
}
.topnav li a {
	font-size: 13px;
	line-height: 18px;
	padding: 9px 13px 8px 13px;
	text-decoration: none;
 }
.topnav li a:hover, .topnav li a:active {
	color: #fff;
	text-decoration: none;
}
.topnav li.first a {
	color: #fff;
}
.topnav .first {
	color: #fff;
}
.topnav li ul {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-bottom: none;
	left: -999em;
	position: absolute;
	width: 215px;
	z-index: 999;
 -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.42);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.42);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.42);
}
.topnav li ul li {
	border-bottom: 1px solid #e6e6e6;
}
.topnav li ul li a, .topnav li ul li a:visited {
	background: #fff;
	border-bottom: none;
	font-size: 11px;
	font-weight: bold;
	padding: 9px 13px 8px 13px;
	text-transform: uppercase;
	width: 189px;
}
.topnav li ul li a:hover{background:whitesmoke;}
.topnav li ul li a.sf-with-ul {
	padding: 7px 13px 6px 13px;
}
.topnav li ul li a:hover {
	color: #333 !important;
	border-bottom: none;
}
.topnav li ul ul {
	margin: -32px 0 0 166px;
}
.topnav li:hover, .topnav li.hover {
	position: static;background: #333;
}
.topnav li:hover ul ul, .topnav li.sfhover ul ul,
.topnav li:hover ul ul ul, .topnav li.sfhover ul ul ul,
.topnav li:hover ul ul ul ul, .topnav li.sfhover ul ul ul ul {
	left: -999em;
}
.topnav li:hover ul, .topnav li.sfhover ul,
.topnav li li:hover ul, .topnav li li.sfhover ul,
.topnav li li li:hover ul, .topnav li li li.sfhover ul,
.topnav li li li li:hover ul, .topnav li li li li.sfhover ul {
	left: auto;
}
.topnav .sf-sub-indicator {
	display: none;
}
.topnav li ul .sf-sub-indicator {
 	display: block;
	overflow: hidden;
	position: absolute;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	top: 1.1em;
	right: 0.4em;
}

/* Category Navigation */
#cat-menu {
	height: 35px;
	margin: 0 0 20px 0;
}
.nav {
	list-style: none;
margin: 0 auto;
padding: 0;
}
.nav a {
	color: #333;
	display: block;
	position: relative;
	text-decoration: none;
	z-index: 100;
}
.nav li {
min-width: 60px;
float: left;
 font-size: 13px;
 }
.nav li a {
color: white;
padding: 15px;
display: block;
text-decoration: none;
font-weight: bold;
text-shadow: 0px -1px -1px black;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
}
.nav > li > a {
 }
.nav li a:hover, .nav li a:active {
	color: #fff;
}
.nav li ul {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-bottom: none;
	left: -999em;
	margin-left: -1px;
	position: absolute;
	width: 168px;
	z-index: 999;
}
.nav li ul li {
	border-bottom: 1px solid #e6e6e6;
}
.nav li ul li a {
	background: #fff;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	padding: 8px 12px;
	width: 144px;
}
.nav li ul li a.sf-with-ul {
	padding: 8px 12px;
}
.nav li ul li a:hover {
	color: #fff;
	text-decoration: none;
}
.nav li ul ul {
	margin: -32px 0 0 168px;
}
.nav li:hover,.nav li.hover {
	position: static;
	background:#FFC600;
}
.nav li:hover ul ul, .nav li.sfhover ul ul,
.nav li:hover ul ul ul, .nav li.sfhover ul ul ul,
.nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul {
	left: -999em;
}
.nav li:hover ul, .nav li.sfhover ul,
.nav li li:hover ul, .nav li li.sfhover ul,
.nav li li li:hover ul, .nav li li li.sfhover ul,
.nav li li li li:hover ul, .nav li li li li.sfhover ul {
	left: auto;
}
.nav .sf-sub-indicator {
	display: none;
}
.nav li ul .sf-sub-indicator {
 	display: block;
	overflow: hidden;
	position: absolute;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	top: 0.95em;
	right: 0.4em;
}

 .topnav li a{color:#A2A2A2;}


/* Search Form */
#search {
	display: inline;
	float: right;
	height: 24px;
	margin: 0 0 0 0;
}
#search input {
float: left;
width: 150px;
padding: 9px;
font-size: 11px;
color: #BDBDBD;
line-height: 12px;
border: 1px solid #575151;
background: #505050;
}
#search input.btn {
	background: none;
border: none;
margin: 12px 0 0 -22px;
padding: 0px;
width: auto;
}


.post-title {
font-family:Georgia,serif;
font-size:28px;
color:#2266BB;
font-weight:normal;
line-height:30px;
margin:4px 0 14px 0;

}
.post-title a:hover {
background:none repeat scroll 0 0 #EEF4FF;
color:#222222;
}
.date {
font-size: 10px;
position: relative;
left: 0px;
margin-left: 316px;
border-bottom: 1px solid #F3F3F3;
border-top: 1px solid #F3F3F3;
line-height: 15px;
padding: 5px 0;
margin: 15px 0;
overflow: hidden;
 }
.time {
         font-size:11px;
 }
.author {
        font-size:11px;
}
.icomment a {color:#999;}
.icomment {
 	margin: 0;
 }
.facebook-likebox{background:none repeat scroll 0 0 #e8f0f9;border:1px solid #abd2e9;margin-bottom:10px;padding:7px 0 0 4px;height:62px }

.facebook-likebox h4{
font:16px !important arial,verdana,sans-serif bold;
color:#3a5796;
}
#tweet { float:right; margin-top:-19px;}
#sharebox {
background-color:#FFFFFF;
border-color:#C1CDCD;
border-style:solid;
border-width:1px;
left:103px;
bottom:40px;
margin-top:10px;
position:fixed;
width:64px;
}
 #sharebox .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}

#lowerbar-wrapper {
display: inline;
float: left;
margin: 15px ;
width: 262px;
}
.lowerbar {
margin:0;
padding:0;
}

.showpage {
float:left;
margin:0 0 0 2px;
padding:7px 10px 6px;
}

.showpageNum {
color:#2266BB;
float:left;
margin:0 0 0 2px;
padding:7px 0px 4px;
text-transform: none;
}

.showpageNum a {
margin:0 0 0 2px;
padding:8px 10px 6px;
  }

.showpageOf {
margin:7px 8px 0 0;
color:#777777;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
float:left;
display:none;
}

.showpageNum a:hover {
background: #FFC600;
color: white;}

.showpagePoint {
background: #FFC600;
color: white;
margin: 2px 0 0 2px;
padding: 5px 10px 2px;
float: left;
  }

#main {
float:left;
}
.entry-social {
float: right;
padding: 5px 0 0 10px;
}
.entry-social li {
display: inline-block;
margin-left: 8px !important;
}
.entry-social.single {
right: 80px;
position: relative;
}
.entry-social.single li{border:none;}
.article-content{position: relative;
clear:both;
left: 0; }
.article-header h2 {
 font-weight: normal;
line-height: 24px;
margin: 0 0 5px 0;
}
 #footer .widget {
 	margin: 0 0 15px 0;
}

.read-more-button {
line-height: 1;
padding: 8px 12px;
color: white;
background: #161615;
display: inline-block;
}
 .read-more-button:hover{
background: #333;
color: white;

}
#footer .widget > h2 {
font-size: 18px;
font-weight: normal;
padding-bottom: 10px;
color: white;
text-transform: uppercase;
}


#footer .widget ul li {
padding: 5px 0 5px 15px;
overflow: hidden;
border-bottom: 1px solid #343434;
background: url(https://lh3.googleusercontent.com/-JclBaNdDiDI/UUl-M1VOsZI/AAAAAAAAEzI/4U1_zCTP-1Y/h120/spicytricks-bullet.png) no-repeat;

margin: 15px 0;

}

#footer .widget ul li > h2 {margin-top: -15px;}
#footer .widget ul li > a ,
#footer .widget ul li > span{
position: relative;
top: -10px;
}
#footer a {
 color: gray;
 font-weight:400;
 font-size:13px;
}
#footer a:hover {
 color: white;
}
.widget > div {
 }
.widget_tag_cloud div,
.textwidget {
	padding: 10px 0;
}
/* Bottom */
#bottom {
color: #999;
font-size: 13px;
padding: 20px  ;
background: #292929;
}
#bottom a,
#bottom a:visited {
 	color: #999;
}
#bottom a:hover {
	border-bottom: 1px dotted #999;
	text-decoration: none;
}
#bottom .footer-rss {
 	padding: 3px 0 3px 16px;
}
.left {
float: left;
}
.right {
float: right;
}
.entry-meta {
	color: #999;
    text-align: center;
	font-size: 12px;
	margin: 10px 0 10px 0;
	padding-bottom: 4px;
}
.entry-comment a {
 	color: #999 !important;
	padding: 0 0 4px 20px;
}
/* Entry Bottom Utilities */
.entry-bottom {
	background: #fff;
	border-top: 1px solid #e9e9e9;
 	padding: 15px 0 15px 0;
}
.entry-bottom h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.entry-bottom li {
	margin: 5px 0;
	border-top: 1px dotted #ddd;
}

/* Newsletter */
.newsletter {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ddd;
}
.newsletter p {
	font-size: 12px;
	color: #777;
}
.subscribe-form {
	margin: 6px 0 3px;
}
.subscribe-form .email {
	width: 150px;
}

/* Social Connections */
.entry-social-connect {
	float: left;
	width: 250px;
}

/* Related Posts */
.entry-related-posts {
	float: right;
	width: 360px;
}
.entry-related-posts li {
 	padding: 9px 0 8px 10px;
}

/* Featured Content */


.heading {
display: block;
font-size: 28px;
line-height: 11px;
font-weight: bold;
color: #B9B9B9;
padding: 14px 0 30px;
margin-right: 12px;
margin-bottom: 10px;
border-bottom: 1px solid #EEE;
font-family: Open sans;
clear: both;
 }
.heading-text {
background: #F2F2F2;
float: left;
margin: -7px 0 0 -10px;
padding: 3px 10px 0 10px;
}

/* Tabs Widget */
#tabber {
	background: #fff;
	display: block;
	height: auto;
	margin: 0 0 25px 0;
	clear:both;
}

#tabber ul.tabs {
	background: #fff;
	padding: 0 0;
}
#tabber ul.tabs li {
	background: none;
	border-bottom: 0;
	color: #fff;
	cursor: pointer;
	display: inline;
	float: left;
	font-size: 11px;
	font-weight: bold;
 	padding: 0 0 0 0;
}
#tabber ul.tabs li a.selected, #tabber ul.tabs li a:hover {
	background: #FFC600;
	color: #fff;
	text-decoration: none;
}
#tabber ul.tabs li a {
background: #333;
color: #fff;
display: block;
float: left;
line-height: 22px;
padding: 8px 20px;
text-transform: uppercase;
}
#tabber #tag-cloud, #tabber .inside li {
	padding: 10px 10px 10px 0;
}
#tabber .inside li {
	background: none;
border-bottom: 1px solid #E9E9E9;
display: block;
clear: both;
min-height: 70px;
}
#tabber .inside li a {
	color: #555;
line-height: 19px;
font-size: 16px;
 }
 #tabber .inside li a:hover,#sidebar h2 a:hover{color:#FFC600;}
#tabber .inside li div.info {
	display: table;
	margin: 0 !important;
	padding: 0 !important;
	top: 0 !important;
}
#tabber .inside li span.meta {
	color: #999;
	display: block;
	font: 11px/20px Arial;
}
#tabber .inside li span.meta a {
	color: #999;
}
#tabber .inside li span.meta a:hover {
	text-decoration: none;
}
#tabber .inside li img.avatar, #tabber .inside li img.thumb {
	float: left;
	margin: 0 10px 10px 0;
}
#tabber .tab-thumb {
	float: left;
	margin: 0 10px 10px 0;
}
.avatarImage.avatarRound {
float: left;
height: 60px;
margin-right: 10px;}
#tagsd a {
padding: 3px;
font-size: 15px;
}
.item-thumbnail-center {
float: left;
margin-right: 5px;
}
 .slides img {
width: 90px;
height: 70px;
float: left;
margin-right: 10px;
}
#footer .slides img{
border: 1px solid #777676;
padding: 3px;
display:none;
}
.flexslider .slides h2 {padding:15px 0;}
.slides h2 {
border: none !important;
 clear: both;
}
.slides h2 a {
color: #5C5C5C;
font-size: 16px;
}
.slides h2 a:hover {
color: #FFC600;
}

.PopularPosts li img {
padding-right: .4em;
width: 90px;
height: 70px;
float: left;
margin-right: 10px;
 }


/* Twitter Widget */

#twitter_update_list_tj_twitter-3 {
 background: #fff;
overflow: hidden;
clear: both;
}

.widget_tj_twitter {
	margin: 0 0 15px 0;
}


.widget_tj_twitter li {border-bottom: 1px solid #EEE;
 	display: block !important;
	padding: 10px 0px 10px 0px !important;
}
.widget_tj_twitter li a {
	background: none !important;
	display: inline !important;
	padding-left: 0 !important;
}
.widget_tj_twitter li .time {
	color: #999;
}
.widget_tj_twitter li a:hover {
	background: none !important;
}

/* Author Info Widget */
.widget_tj_authorinfo .left {
	margin-right: 10px;
}
.widget_tj_authorinfo .right {
	margin-left: 10px;
}

.widget-ads {
	margin: 0 0 15px 0;
}
.widget-ads h3.ad-title {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 7px;
	text-align: center;
	text-transform: uppercase;
}
.widget-ad125 {
	border-top: 0 !important;
	border-bottom: 1px solid #e9e9e9;
	margin: 0 0 15px 0;
	padding-bottom: 5px;
}
.widget-ad125 img {
	margin: 5px 7px 0 0;
}
#sidebar .sidebar-left {
	float: left;
	width: 140px;
}
#sidebar .sidebar-right {
	float: right;
	width: 140px;
}
#sidebar .sidebar-left .widget-title,#sidebar .sidebar-right .widget-title{
border-bottom: 1px solid #E4E4E4;
padding-bottom: 10px;
}
#sidebar .sidebar-left .widget ul li,#sidebar .sidebar-right .widget ul li {
 border-bottom: 1px solid #F0F0F0;
padding: 10px 0 10px 10px;
}

.homepage-widget {
margin-bottom: 20px;
overflow: hidden;
width: 100%;
}

.moregames {
background: #f2f2f2;
padding: 0px 15px 8px 0px;
margin: 0 auto;
text-align: right;
position: relative;
top: -1px;
margin-bottom: -1px;
width: auto;
}
.moregames a {
color: #808080;
text-transform: uppercase;
font-size: 11px;
text-decoration: none;
}
.triangle {
background: url(https://lh5.googleusercontent.com/-yem1RR1XrRQ/UTQiWx7VmDI/AAAAAAAAEt8/R1e-wyFfbNk/s500/bg-up-arrow.png) no-repeat scroll 0 0 transparent;
width: 320px;
padding-bottom: 10px;
position: relative;
overflow: hidden;
top: -9px;
}
.arrow-right {
border-left: 5px solid#FFC600;
}
.arrow-right {
margin-left: 8px;
margin-top: 3px;
float: right;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid#FFC600;
text-decoration: none;
}
.grid-caroimage {position:relative; display:inline-block; float:left}
.grid-caroimage h2 {float:left; padding-top:5px; padding-bottom:5px; clear:both}
.grid-caroimage h2 a {font-size:18px; font-family:'BebasNeueRegular'; color:#FB2900}
.grid-caroimage img {margin-bottom:10px}
.block.half { background:#fff;  width:374px; float:left; margin-right:21px; }
.block.half.last {margin-right:0px}
.block h3 {font-size: 24px;
color: white;
 height: 33px;
overflow: hidden;}
.block h3 a {line-height: 42px;
margin: -7px 20px 20px -20px;
padding: 0 15px 0 20px;
float: left;
color: white;
font-size: 16px !important;
cursor: pointer;
text-decoration: none;}
 .scroll-grid h3 {background:#f2f2f2; font-size:24px; border-bottom:1px solid #d5d5d5; color:#333; padding:7px 0 0 15px; height:33px}
.scroll-grid h3 a {color:#333; font-size:24px !important; cursor:pointer; text-decoration:none}
.block img {-background: none repeat scroll 0 0 white;
 }
 .block-meta {font-size:11px; color:#888888; text-transform:uppercase; margin-bottom:4px; display:block}
.block-meta a {color:#888 !important}
.block-meta a:hover {color:#FB2900 !important; text-decoration:none}
.block-metas {
font-size: 12px;
color: #999;
margin: 10px 0;
display: block;
line-height: 15px;
}
.grids_box a {
padding: 6px 10px 8px !important;
margin: 0!important;
line-height: 20px!important;
font-weight: 700!important;
color: white!important;
}
.grids_box {
position: absolute;
background: #FFC600;
z-index: 100;
}
.block-metas a {color:#888 !important}
.grid-image {position:relative}
.block p { color:#666666}
.grid-box {border-bottom: 4px solid #FFC600;
margin: 0 auto;
padding: 15px 15px 15px 0px;
position: relative;
overflow: hidden;
margin-bottom: 30px; }
 .grid-link {width:275px; margin:0 auto; padding-bottom:15px; position:relative; overflow:hidden; clear:both }
.grid-links {margin:18px 0 4px -16px}
.grid-links-last {margin:18px 0 4px -16px}
.grid-link:last-child {border-bottom:0}
.grid-link h2 {font-size:12px; font-family:'Arial'; font-weight:bold}
.grid-link h2 a {transition: background-color 0.2s linear 0s, color 0.2s linear 0s; color:#333333}
.grid-link h2 a:hover {color:#fb2900; text-decoration:none}
.grid-link-date {color:#666666; font-size:11px; font-style:normal; font-weight:300; display:inline; text-transform:uppercase}
.grid-box .block-meta {font-size:12px}
.grid-box h2 {font-size: 14px;
margin-bottom: 4px;
line-height: 1.27;
}
.grid-box h2 a {  color:#333;font-weight:400;}
.grid-box h2 a:hover {color:#888; text-decoration:none}
.grid-image img {margin-bottom:0px;
max-width: 70px!important;
height: 60px!important;
}
.grid-box img {margin-bottom: 0px;
min-width: 100%;
height: 144px;}
.grid-sidebar {border:#d5d5d5 solid 1px; padding:15px; background:#fff; overflow:hidden; clear:both}
.grid-sidebar .content {padding-bottom:10px; margin-bottom:15px;  border-bottom: 1px dashed #ccc; background:#ffffff; position:relative; overflow:hidden; color:#666666}
.high-grid {border-bottom: 1px dashed #ccc; margin:0 auto; padding:15px 15px 11px 0px;  position:relative; overflow:hidden; clear:both}
.high-grid:last-child {border-bottom:0}
.high-grid:first-child {padding-top:0}
.grid-sidebar .comm-widget {padding-bottom:13px; border-bottom: 1px dashed #ccc; margin-bottom:15px; position:relative; overflow:hidden; color:#666666}
.grid-sidebar .comm-widget:last-child {border-bottom:0; margin-bottom:2px; padding-bottom:2px}
.grid-sidebar .content:last-child {border-bottom:none; padding-bottom:0; margin-bottom:0px}
.grid-sidebar h2, .grid-sidebar h2 a {font-size:12px; font-family:'Arial'; font-weight:bold; line-height:15px; color:#666666}
.block.full {width:663px !important; border:#d5d5d5 solid 1px; background:#fff; padding:0px 0px 15px 0px; overflow:hidden; width:100%}
.block.full .grid-box {float:left; margin-right:20px}
.scroll-grid.full {width:663px !important; border:#d5d5d5 solid 1px; background:#fff; padding:0px 0px 15px 0px; overflow:hidden; width:100%}
.scroll-grid.full .grid-box {float:left; margin-right:20px}
.block.full .grid-box.last {position:relative; width:100%; float:right; margin-right:0px}
.block.full .whitebg {border:1px solid #d5d5d5}
.block.full h2 a {color:#FB2900}
.block.full h3 {border-bottom:#d5d5d5 solid 1px; color:#FFFFFF}
.grid-sidebar .grid-image {position:relative; margin-right:10px; display:inline-block; float:left}
.grid-box .grid-image {position:relative; display:inline-block; margin-right:12px; float:left}
.block.archive .block-rich {width:633px; margin-bottom:20px; overflow:hidden}
.block.archive .block-rich h2 {margin-bottom:8px; margin-top:2px; color:#ffffff}
.block.archive .block-rich h3 {color:#ffffff}
.block.archive .block-rich p {line-height:18px}
.block.archive .block-rich .block-meta {margin-top:10px}
.block.archive .block-rich .block-meta span {font-size:11px; text-transform:uppercase; color:#888; text-shadow:1px 1px 1px #FFF; margin-right:8px}
.block.archive .block-rich .button-comm {background:url(https://lh4.googleusercontent.com/-y4J25ZFEQWA/UTQiYNoDhnI/AAAAAAAAEuI/hwGKwtRDNQs/h120/comment-icon.png) no-repeat; padding:0px 0px 0px 20px; line-height:15px}
.block.archive .block-rich a.readmore {text-align:left; font-weight:bold; font-size:16px; cursor:pointer; padding:0 0 0 3px; text-decoration:none}
.block.archive .block-rich a.readmore:hover  {text-decoration:none}

.block-rich {border:#d5d5d5 solid 1px; background:#ffffff; padding:15px 15px 0px 15px; overflow:hidden; clear:both}
.block-rich .content {border:1px solid #d5d5d5; padding:15px; margin-bottom:15px;  background:#ffffff; position:relative; overflow:hidden; color:#666666}
.block-rich h2, .block-rich h2 a {font-size:22px; font-family:'BebasNeueRegular'; line-height:18px; color:#666666}
.block-rich .grid-image {position:relative; display:inline-block; margin-right:16px; float:left}
.hover_play{margin-bottom:10px;}
h2.big_title{font-size:18px;}


.scroll-grid h3 a, .block h3, .block h3 a, .widget-title, ul.tabs li a, .widget-title h3 {
color: #444;
font-weight: 400;
text-transform: uppercase;
}
.widget-title h3 {
font-size:18px;
 color: #A7A7A7;
line-height: 1.3;
font-weight: 700;
}
.article-header h2 a {
display:block;
font-size: 18px;
 color: #333;
text-decoration: none;
line-height: 1.27;
}
.article-header h2 a:hover {
 color: #FFC600;
text-decoration: none;
 }
.widget-title, .block h3, .widget-title h3, .page404 h3 {

}

.PopularPosts ,#tagsd .widget{
border: none!important;
background: #fff!important;
}
.widget.rece_cat_spicytricks li {
display: block !important;
padding: 10px 0px 10px 0px !important;
min-height: 85px;
border-bottom: 1px solid #E4E4E4;
}
.blog-posts.hfeed{
 background: white;

}


  #imgcl{
                 margin: 0 auto;
                 text-align: center;
            }

            #container {
                margin: 0 auto;
                width: 50%;
            }
            #accordion input {
                display: none;
            }
            #accordion label {
                background: #333;
                border-radius: .25em;
                cursor: pointer;
                display: block;
                margin-bottom: .125em;
                padding: .25em 1em;
                z-index: 20;
            }
            #accordion label:hover {
                background: #ccc;
            }
            #accordion input:checked + label {
                background: #333;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
                color: white;
                margin-bottom: 0;
            }
            #accordion article {
                background: #5E4E4E;
                height:0px;
                overflow:hidden;
                z-index:10;
            }
            #accordion article p {
                padding: 1em;
            }
            #accordion input:checked ~ article {
                border-bottom-left-radius: .25em;
                border-bottom-right-radius: .25em;
                height: auto;
                margin-bottom: .125em;
            }
            label{
                color: white;
                text-decoration: none;
                font-weight: bold;
                font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 14px;
                text-align: center;
            }
            .tblaNt{
                text-align: center;
                color: white;
                font-size: 20px;
                margin: 0 auto;
                border: activeborder double;
                font-weight: bold;
                font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 14px;
            }
            .tblaNt tr th{
                padding: 10px;
                color: white;
                border: azure thick;
                text-align: center;
                font-size: 16px;
            }
            .tblaNt tr td{
                padding: 7px;
            }
            .imptss{
                color: white;
            }




/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;margin-right:36px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; height:100%;margin:0;display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
@media only screen and (max-width: 1199px) {

 #page { width: 1023px; }
 #wrapper-container {width:980px;}

 #col1 {width: 640px;}
 #col2 {width: 330px;}
 .block.half {width:302px;}
 .box-left {width:30%;}
 .entry img {
max-width: 96%;
}

 }
 @media only screen and (max-width: 1024px) {

 #page {width: 959px;}

 #wrapper-container {
width: 940px;
}
#col2 {
width: 290px;
}
 }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
        #page {width: 768px; }
		#wrapper-container {
width: 750px;
}

#col1 {
width: 752px;
}
#col2 {
display: none;
}
.block.half {
width: 358px;
}
#topbanner{display:none;}
}

 @media only screen and (max-width: 767px) {
        #page { width: 320px; }
#wrapper-container {
width: 315px;
}
#col1 {
width: 312px;
}
.box-left {
width: 100%;
}
#col2 {
width: 100%;
}
#topbanner{display:none;}

		}

@media only screen and (min-width: 480px) and (max-width: 767px) {

      #page { width: 480px; }
	  #wrapper-container {
width: 460px;
}
#col1 {
width: 460px;
}
.box-left {
width: 100%;
}
#col2 {
width: 100%;
}
.block.half {
width: 474px;
}
}
 #HTML1{border: none!important;
padding: 0px!important;}